<template>
  <div class="album flex">
    <div class="left">
      <img class="album_cover" :src="albumData.picUrl" alt="" srcset="" />
    </div>
    <div class="right">
      <div class="album_title">{{ albumData.name }}</div>
      <div class="album_time">
        {{ albumData.publishTime?.toLocaleString() }}
      </div>
    </div>
  </div>
</template>

<script lang="ts">
export default {
  name: 'albumAside',
}
</script>

<script lang="ts" setup>
import { album } from '@/api/model/album'
import { ref, reactive } from 'vue'

const props = defineProps<{ albumData: album }>()
</script>

<style scoped>
.left {
  margin-right: 10px;
}

.right {
}
</style>
